<template>
  <div class="app-container">
    <el-radio-group v-model="tabPosition" style="margin-bottom: 30px;">
      <el-radio-button label="top">top</el-radio-button>
      <el-radio-button label="right">right</el-radio-button>
      <!-- <el-radio-button label="bottom">bottom</el-radio-button> -->
      <el-radio-button label="left">left</el-radio-button>
    </el-radio-group>

    <el-tabs :tab-position="tabPosition" @tab-click="tableClick">
      <el-tab-pane label="工作日报">
        <daily />
      </el-tab-pane>
      <el-tab-pane label="我执行的任务">
        <mytesk />
      </el-tab-pane>
      <el-tab-pane label="我发起的任务">我发起的任务</el-tab-pane>
      <el-tab-pane label="我验收的任务">我验收的任务</el-tab-pane>
      <el-tab-pane label="我的贡献">
        <contribution />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import daily from './comment/Daily.vue'
import mytesk from './comment/MyteskPerform/index.vue'
import contribution from './comment/Mycontribution/index.vue' 
export default {
  name: 'personal',
  components: {
    daily,
    mytesk,
    contribution
  },
  data() {
    return {
      tabPosition: 'top',// 改变导航栏的位置
    }
  },
  created() {
     
  },
  mounted() {
    
  },
  methods: {
    tableClick (e) {
      // console.log(e);
    }
  }
}
</script>
